<template>
  <input type="text">
  <input type="text">
  <button>提交</button>
  <ul>
    <li v-for="(item, i) in data.arr" :key="item.id">{{ item.name }}</li>
  </ul>
</template>

<script>
export default {
  setup() {
    const data = {
      arr: [
        {
          id: 0,
          name: 'ifer',
        },
        {
          id: 1,
          name: 'elser',
        },
        {
          id: 2,
          name: 'xxx',
        },
      ],
    }
    return {data}
  }
}
</script>